<script setup lang="ts">

// 接收从父组件传入的money属性
// defineProps({
//   money: {
//     type: Number,
//     required: true
//   }
// })

// car：如果传入就使用；如果没有传入就使用默认值 '小黄车'
const {money, car='小黄车'} = defineProps<{money: number, car?: string}>()

// const myEmit = defineEmits(['event1'])

const myEmit = defineEmits<{
  (e: 'event1', money: number):void,
  (e: 'changeCar', val: string): void
}>()
const hClick = () => {
  // 子传父
  // v2:  this.$emit('事件名', 实参)
  myEmit('event1', 200)

  myEmit('changeCar', '大汽车')

}
</script>
<template>
  <div style="padding: 20px;margin: 20px; border:1px solid red;">
    <h3>子组件</h3>
    <p>从父中接收的： {{money}}, {{car}}</p>
    <button @click="hClick">emit</button>
  </div>
</template>